<html>
<!--
Copyright 2010 The Closure Library Authors. All Rights Reserved.

Use of this source code is governed by the Apache License, Version 2.0.
See the COPYING file for details.
-->
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
  <script src="../../base.js"></script>
  <script>
    goog.require('goog.Uri');
    goog.require('goog.array');
    goog.require('goog.dom');
    goog.require('goog.dom.TagName');
    goog.require('goog.editor.Field');
    goog.require('goog.editor.plugins.Emoticons');
    goog.require('goog.testing.jsunit');
    goog.require('goog.ui.emoji.Emoji');
    goog.require('goog.userAgent');
  </script>
</head>
<div id='parent'>
<div id="testField">I am text.</div>
</div>
<script>

var HTML;

function setUp() {
  HTML = goog.dom.getElement('parent').innerHTML;
}

function tearDown() {
  goog.dom.getElement('parent').innerHTML = HTML;
}

function testEmojiWithEmoticonsPlugin() {
  runEmojiTestWithPlugin(new goog.editor.plugins.Emoticons());
}

function runEmojiTestWithPlugin(plugin) {
  var field = new goog.editor.Field('testField');
  field.registerPlugin(plugin);
  field.makeEditable();
  field.focusAndPlaceCursorAtStart();

  var src = 'testdata/emoji/4F4.gif';
  var id = '4F4';
  var emoji = new goog.ui.emoji.Emoji(src, id);
  field.execCommand(goog.editor.plugins.Emoticons.COMMAND, emoji);

  // The url may be relative or absolute.
  var imgs = field.getEditableDomHelper().
      getElementsByTagNameAndClass(goog.dom.TagName.IMG);
  assertEquals(1, imgs.length);

  var img = imgs[0];
  assertUriEquals(src, img.getAttribute('src'));
  assertEquals(id, img.getAttribute(goog.ui.emoji.Emoji.ATTRIBUTE));

  var range = field.getRange();
  assertNotNull('must have a selection', range);
  assertTrue('range must be a cursor', range.isCollapsed());
  if (goog.userAgent.WEBKIT) {
    assertEquals('range starts after image',
        2, range.getStartOffset());
  } else if (goog.userAgent.IE) {
    assertEquals('range starts after image',
        1, goog.array.indexOf(range.getContainerElement().childNodes,
                              range.getStartNode()));
  } else if (goog.userAgent.GECKO) {
    assertEquals('range starts after image',
        2, goog.array.indexOf(range.getContainerElement().childNodes,
                              range.getStartNode()));
  }
  // Firefox 3.6 is still tested, and would fail here - treitel December 2012
  if (!(goog.userAgent.GECKO && !goog.userAgent.isVersionOrHigher(2))) {
    assertEquals('range must be around image',
        img.parentElement, range.getContainerElement());
  }
}

function assertUriEquals(expected, actual) {
  var winUri = new goog.Uri(window.location);
  assertEquals(winUri.resolve(new goog.Uri(expected)).toString(),
      winUri.resolve(new goog.Uri(actual)).toString());
}

</script>
</body>
</html>
